import React from 'react';
import './DetailHeader.css'
import {Icon} from "antd";


const IconText = ({type, text}) => (
    <span style={{marginRight: 20}}>
    <Icon type={type} style={{marginRight: 4}} theme="twoTone"/>
        {text}
  </span>
);


export default class DetailHeader extends React.Component {


    render() {
        return (
            <div className="DetailHeader">
                <span className="title">{this.props.title}</span>
                <p></p>
                <span style={{marginRight:0}}>{this.props.createTime}</span>
                <p></p>
                <IconText type="star-o" text={this.props.lookCount}/>
                <IconText type="like-o" text="0"/>
                <IconText type="message" text="0"/>
                <hr style={{height:0.1}}/>
            </div>
        );
    }
}